body{ font-family:"微软雅黑";}
.banner-box{height:auto;width:100%;position:relative;overflow:hidden;width:1200px; margin: 0 auto;}
.banner-box .banner-container{ width: 740px !important; margin: 10px auto 0 auto; overflow: hidden; height: 438px !important;}
.banner-zw{ width:1200px; position:absolute; left:50%; margin-left:-600px; top:0; height:2px;}
.swiper-pagination-bullet{ background:#fff; width:24px; height:6px; border-radius:0; opacity:0.6;}
.dz-index-bullet-active{ background:#f00; width:24px; height:6px; border-radius:0; opacity:0.9;}


.banner-notice{ width:220px; height:448px; position:absolute; background:rgba(255,255,255,1); top:0px; right:0; z-index:55;}
.recom-pname{ width:100%; font-size:12px; color:#000; margin-top:5px; line-height:18px; height:18px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.recom-pprice{ color:#f00; font-size:13px; text-align:center; margin-top:5px;}
.notice-ul{ width:200px; margin:0 auto; height:133px; background:#fff; margin:10px auto; padding:0px 10px; box-sizing:border-box;}
.notice-ul li{ width:100%; height:30px; line-height:30px; border-bottom:1px dotted #e6e6e6;text-overflow:ellipsis;white-space:nowrap; overflow: hidden;}
.notice-ul li a:hover{ text-decoration:underline; color:#FF0036;}

.product-warp{ width:1200px; height:auto; overflow:hidden; margin:0px auto 30px auto;}
.pro-floor-item{ width:100%; height:470px; overflow:hidden; margin-top:30px;}
.pro-floor-ctag{ width:220px; height:100%; float:left; overflow:hidden; position:relative; background-position:bottom bottom; background-size: 100%  auto; background-repeat: no-repeat;}
.floor-name{ height: 44px; color: #fff; font-size: 14px; font-weight: 600;  padding: 0px 10px; box-sizing: border-box; background:rgba(0, 0, 0,0.1); }
.floor-mtag{ width: 100%; padding-left: 10px; box-sizing: border-box; height: 220px; overflow: hidden;}
.mtag-a{ display: inline-block; color: #fff; font-size: 12px; margin-right: 10px; padding: 3px 10px; border: 1px solid #fff; border-radius: 20px; margin-top: 17px;}
.floor-left-pro{ width:calc(100% - 20px); margin: 0 auto; height: auto; overflow: hidden; display: flex; margin-top: 20px;}
.floor-left-pro a{ float: left; height:95px; overflow: hidden; padding: 5px 5px; box-sizing: border-box; background: #fff; flex: 1; border-radius:2px;}
.floor-left-pro a:first-child{ margin-right: 10px;}
.floor-left-pro a img{ display: block; margin: 0 auto; width: 100%; height: 100%;}


.floor_bg0{ background:linear-gradient(to bottom,#e60505,#df4040);}
.floor_bg0 .floor-name{background: #bd0303;}
.floor_bg1{ background:linear-gradient(to bottom,#09e95d,#45f688);}
.floor_bg1 .floor-name{background: #14a74c;}
.floor_bg2{ background:linear-gradient(to bottom,#f08a05,#f8b156);}
.floor_bg2 .floor-name{background: #bb6d06;}
.floor_bg3{ background:linear-gradient(to bottom,#0819f6,#4350f9);}
.floor_bg3 .floor-name{background: #0714d3;}
.floor_bg4{ background:linear-gradient(to bottom,#272727,#393939);}
.floor_bg4 .floor-name{background: #000;}
.floor_bg5{ background:linear-gradient(to bottom,#f60448,#f94779);}
.floor_bg5 .floor-name{background: #ce053e;}
.floor_bg6{ background:linear-gradient(to bottom,#0a8bee,#90cbf8);}
.floor_bg6 .floor-name{background: #0771c2;}
.floor_bg7{ background:linear-gradient(to bottom,#fb1818,#f59595);}
.floor_bg7 .floor-name{background: #e90b0b;}
.floor_bg8{ background:linear-gradient(to bottom,#047286,#89e9fa);}
.floor_bg8 .floor-name{background: #026476;}
.floor_bg9{ background:linear-gradient(to bottom,#5921f8,#9e7dfc);}
.floor_bg9 .floor-name{background: #4105ed;}

.pro-recommed{ width:741px; height:100%;float:left; overflow:hidden;}
.pro-recommed .recommed-pro{ width:175px; height:230px; overflow:hidden;float:left; background: #fff; margin-right: 10px; margin-bottom: 10px;padding: 10px 10px; box-sizing: border-box;}
.pro-recommed .recommed-pro .pro-pic{ width:100%; height:155px; overflow:hidden; }
.pro-recommed .recommed-pro .pro-name{width:100%; height:36px; line-height:18px; font-size:12px; margin-top:4px; color:#000; overflow:hidden; word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.pro-recommed .recommed-pro .pro-price{ color:#f00; font-size:12px; margin-top:3px;}
.pro-recommed .recommed-pro .pro-price span{ font-size:14px; font-weight: 500; font-family:Arial;}


.pro-recommed .recommed-pro:hover img{ width:185px; height:185px; position:relative; top:-15px; left:-15px;}

.pro-rank{ width:220px; float:right; background:#fff; height:100%;}
.pro-rank-title{ width:100%; height:44px; border-bottom:0.7px solid #e6e6e6; line-height:44px; overflow:hidden; padding-left:15px; box-sizing:border-box; color:#000; font-weight: 600; font-size:13px;} 
.pro-rank-list{ width:100%; height:auto; overflow:hidden; padding:0px 10px; box-sizing:border-box;}
.pro-rank-list li{ width:100%; height:87px; overflow:hidden; border-bottom:0.7px dotted #e6e6e6; padding-top:9px; box-sizing:border-box;}
.span-rank{ width:24px; height:30px; float:left; overflow:hidden; background:url(../images/rank-bg.png) no-repeat -72px 0; text-align:center; line-height:24px; color:#666; font-size:12px; font-family:Arial;}
.rank_1{background:url(../images/rank-bg.png) no-repeat 0px 0; color:#fff;}
.rank_2{background:url(../images/rank-bg.png) no-repeat -48px 0; color:#fff;}
.rank_3{background:url(../images/rank-bg.png) no-repeat -24px 0; color:#fff;}
.pro-rank-list li .pro-info{ width:90px; height:auto; overflow:hidden; float:left; margin-right:10px; margin-left:10px;}
.pro-rank-list li .pro-name{ width:100%; height:36px; line-height:18px; font-size:12px; color:#333; overflow:hidden; word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.pro-rank-list li .pro-price{ color:#f00; font-size:12px; margin-top:5px;}
.pro-rank-list li .pro-price span{ font-size:15px; font-family:Arial;}
.pro-rank-list li .pro-pic{ width:63px; height:63px; overflow:hidden; float:right;}

.hotbrand-title{ font-size: 30px; font-weight: bolder; color: #000; margin-bottom: 10px;}
.hotbrand{ width:1200px; margin: 20px auto; height: auto; overflow: hidden;}
.hotbrand-list{ width: 1300px;height: auto; overflow: hidden;}
.hotbrand a{ width: 187px; height: 93px; float: left; background: #fff; margin-right: 15px; margin-bottom: 15px;}